<template>
  <div
    style="display: flex; width: 100%; height: 100%; justify-content: center"
  >
    <form class="password-Change-item2">
      <div class="password-Change-item">
        <h2>密码修改</h2>
      </div>
      <div class="password-Change-item">
        <div style="font-size: 15px">旧 密 码：</div>
        <div>
          <input
            type="text"
            placeholder="请输入旧密码"
            class="password-Change-item1"
          />
        </div>
      </div>
      <div class="password-Change-item">
        <div style="font-size: 15px">新 密 码：</div>
        <div>
          <input
            type="password"
            placeholder="请输入新密码"
            class="password-Change-item1"
          />
        </div>
      </div>
      <div class="password-Change-item">
        <div style="font-size: 15px">确认密码：</div>
        <div>
          <input
            type="password"
            placeholder="请再次输入新密码"
            class="password-Change-item1"
          />
        </div>
      </div>
      <div class="password-Change-item">
        <div>
          <button type="reset">重 置</button>
        </div>
        <div>
          <button type="submit">提 交</button>
        </div>
      </div>
    </form>
  </div>
</template>

<script>
export default {
  name: "passwordChange",
};
</script>

<style></style>
